.el-tabs {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  @include themify() {
    background-color: themed("tabsBg");
    // border-color: themed("borderColor");
    border: none;
  }

  > .el-tabs__header {
    .el-tabs__item {
      @include themify() {
        color: themed("tabsHeaderColor");
      }
    }
  }

  > .el-tabs__content {
    position: relative;
    width: 100%;
    overflow: hidden;

    .el-tab-pane {
      overflow: hidden;
    }
  }

  .el-tabs__content {
    .page-block {
      padding-bottom: 0;
    }
  }
}

.el-tabs--border-card {
  > .el-tabs__header {
    @include themify() {
      background-color: themed("tabsHeaderBg");
      border-color: themed("borderColor");
    }

    .el-tabs__item.is-active {
      @include themify() {
        color: themed("tabsHeaderActiveColor");
        background-color: themed("tabsHeaderActiveBg");
        border-right-color: themed("borderColor");
        border-left-color: themed("borderColor");
      }
    }
  }
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  @include themify() {
    border-color: themed("tabsHeaderActiveBg") transparent;
  }
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  @include themify() {
    border-color: themed("borderColor");
  }
}

// 卡片化 -- 左
.el-tabs.el-tabs--left {
  .el-tabs__item {
    height: inherit !important;
    line-height: inherit;
    padding: 10px 40px;
  }

  /* 左侧tab栏 */
  .tab__nav {
    text-align: center;

    > * {
      display: block;
      text-align: center;
      line-height: 34px;
    }

    > i {

      font-size: 24px;
    }

    .svg-icon {
      width: 23px;
      height: 34px;
      margin: 0 auto;
    }
  }

  .el-tabs__content,
  .el-tab-pane {
    width: initial;
    height: 100%;
  }
}
